/* 登录页动画
------------------------------- */
@keyframes login-animation {
	0%,
	100% {
		clip-path: inset(0 0 95% 0);
	}
	25% {
		clip-path: inset(0 95% 0 0);
	}
	50% {
		clip-path: inset(95% 0 0 0);
	}
	75% {
		clip-path: inset(0 0 0 95%);
	}
}

// 页面切换动画
.fade-enter-active,
.fade-leave-active {
	transition: 0.3s;
}
.fade-enter-form {
	opacity: 0;
	transform: translateX(-20px);
}
.fade-leave-to {
	opacity: 0;
	transform: translateX(20px);
}

/* logo 过渡动画
------------------------------- */
@keyframes logo-animation {
	0% {
		transform: scale(0);
	}
	80% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

// icon过渡动画
@keyframes icon-animation {
	0% {
		transform: scale(0);
	}
	80% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

// 404、401 过渡动画
@keyframes error-num {
	0% {
		opacity: 0;
		transform: translateY(60px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
